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Chapter IB: Visual Identity > Foundation 


Visual expression of IBM software serves to strengthen the understand¬ 
ing and attitudes held by IBM’s customers, employees, and public. 
Brand imagery was conceived to not only affect perception, but also to 
position IBM software in accord with IBM’s commitment to e-business 
on demand. 

Core components for the IBM software visual identity include—in order 
of importance: 

1 color: Colors 

2 composition: River 

3 iconography: Mosaics 

Our visual identity is inspired by the functional nature of IBM software: 

OPEN - IBM’s full commitment to open standards 

FEDERATED - the union of multiple brands under the IBM banner as well as IBM’s philosophy 
of partnering with “best of breed” companies 

MODULAR - the ability for software to reconfigure itself in order to meet complex technological 
or business objectives 

ADAPTABLE - a core virtue needed in times when rapid changes in new market demands and 
technological innovations affect the way we all do business 

The overall design values should emphasize simplicity and clarity. 
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Chapter 1B: Visual Identity > Foundation > Colors 


Color is the main brand identifier. Each of the software brands 
is represented by one distinct color. Together, the software brand 
colors form a complement to the renown IBM blue. 

The individuality as well as the inter-connectedness of the five 
software brands is communicated by the use and juxtaposition of 
these brand colors in IBM software communications. 
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IBM 





DB2 

Lotus 

Rational 

Tivoli 

WebSphere 


Information Management Software 


Lotus, software 


Rational. 


software 


WebSphere 


software 

software 


each brand has its own color palette - DB2 shown 



ADDITIONAL COLOR INFORMATION 
See Brand Visuals section 















Chapter 1B: Visual Identity > Foundation > The River 


Another unifying device that connects all IBM software brands is 
called the River. 

The River is a graphic stripe of varying depth that runs across 
designs emanating from IBM software, therefore producing an 
on-going thread. 

In combination with its white background, it conveys clarity and 
openness, which is a core IBM attribute. 

The river also relates to the stripe pattern in the IBM logo. 
Stripes are an illustration of the Federated aspect of IBM’s 
business philosophy. 



ADDITIONAL RIVER INFORMATION 
Implementation section of this Guide 
Chapter 11: Collateral Guide 
Chapter 5: Product Packaging Guide 
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Chapter 1B: Visual Identity > Foundation > The Mosaic 


The notion of Juxtaposition is another way to describe IBM 
software business strategy. It refers to inventive traditions such as 
quilts and mosaics. We also find expressions of juxtaposition in 
other forms such as farm patches and screen pixels. 

To unify the diversity of iconography and images, IBM software 
brands have adopted a pictorial concept called the Mosaic. It 
provides a framework for crafting and coordinating the images, 
shapes and colors that characterize each brand. 

The mosaics reinforce fundamental IBM software brand attributes, 
such as: 

modular 

flexible 

adaptable 
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section of mosaic (6th century) 


pixels 




traditional quilt 
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farming 



urban landscape 














Chapter 1B: Visual Identity > The Mosaic 


The Mosaic is a vehicle for the visual tone and style for IBM software 
brands, as well as a compositional structure for imagery. It allows an 
ever changing visual context for the company branding and communi¬ 
cations needs by cross referencing visual notions in ways that range 
from specific to open-ended. 

The Mosaic concept has been conceived around a few basic principles 
that allow for an iconographic system that can be brand-specific while 
supporting a wide variety of messages. Each software brand has its 
own distinctive Mosaic. 

Today’s software is ever changing and is becoming increasingly com¬ 
plex, therefore the mosaic’s primary intent is not to specifically illus¬ 
trate each brand offering — this is better done with headlines and text. 
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Chapter 1B: Visual Identity > The Mosaic > Structure 


The IBM software mosaic concept is based on a basic composi¬ 
tional structure: 

- A mosaic is based on a GRID made up of square UNITS. 

- A MOSAIC COMPOSITION is made up of unit elements and dominant 
elements. Unit elements are arranged horizontally.Together they 
become a MOSAIC STRIP. 

- A composition is built around a minimum of two AXIS that divide the 
surface horizontally and vertically. The Strip defines the horizontal 
axis. The vertical axis can be anchored on any unit element. 

Specific color schemes and monographic 
themes communicate the individual 
brand identities. 
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B 

◄- dominant element 

A 

◄-unit j|ement | 



1 simple grid made up of squares 

2 A- a small element is a unit element 
(a row of units is called a mosaic strip) 

B- a larger element is called a dominant element 

3 a mosaic composition includes a minimum of one 
horizontal axis and one vertical axis 


























Chapter 1B: Visual Identity > The Mosaic > Elements 


Each software brand has its own mosaic, created from different 
kinds of visual ELEMENTS. These elements are carefully selected 
or designed to evoke the attributes or descriptors of the brand. 

Greyscale elements make the mosaic less 
brand specific and more cross-branded. See 
page 20. 
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BRAND COLOR AND RELATED TONES 

the basic building blocks of brand identity and any mosaic 
used as compositional elements 
always refers to your brand color palette 


DOT PATTERNS 

- used as visual connectors between elements 

- device shared by all brands 

- a connector between dominant elements 



ICONS 

- they include one brand-exclusive icon 

- pictograms are used as basic product descriptors 

- refers to the aesthetic of interfaces and urbanism 



3-D IMAGE OF BRAND-EXCLUSIVE ICON 

- contributes a sense of depth 

- always used tightly cropped (never whole) 



PHOTOGRAPHS 

- anchor software in the real world: the context of e-business 

- can appear both as semantic or compositional elements 












Chapter 1B: Visual Identity > The Mosaic > Elements 


Of all elements, photography has the broadest spectrum of expres¬ 
sions, but it needs monitoring as photos can convey modernity 
(a new cell phone) as well as obsolescence (an old cell phone). 
Sensitivity to the translation of meanings from one culture or indus¬ 
try to another is also important. 

Note that you can modulate a mosaic composition with the use 
of active scenes that attract the eye (people chatting) and passive 
scenes that recede (clouds in the sky.) 
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PICTORIAL REPRESENTATIONS 



- data and computation 



- information, business, mobility, timeliness of data, law, etc. 



- energy industry 

- metaphor: databases, storage, access 



- architecture 

- metaphor: information infrastructure, networks, clarity 



- global markets, industries of transportation and aeronautics 

- metaphor: distribution of data 



- globalization 



ABSTRACT REPRESENTATIONS 
















Chapter 1B: Visual Identity > The Mosaic > Compositions 


The assemblage of elements creates mosaic compositions. The 
choice of these elements will produce compositions that range 
from descriptive to abstract and from minimal to complex. 

Compositions are created following 
specific principles. See Brand 
Visuals section. 

Visual elements should reinforce each 
others meaning in a manner that is 
relevant to the message. 



pictorial composition 



abstract composition 
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Chapter 1B: Visual Identity > The Mosaic > Brancl Mosaics 


There is one pre-designed brand mosaic for each one of the five 
IBM software brands — DB2, Lotus, Rational, Tivoli, and Web¬ 
Sphere — as well as one for cross-branded communications. 

Brand mosaics are meant to be used as a source for crops/ 
compositions. Brand mosaics are conceived to evolve overtime as 
the visual strategy and attributes of the individual brands evolve. 

Some of the more recent brand mosaics (DB2 and Rational) are 
based on a progression between two stylistic directions: from 

pictorial to abstract. 


complete DB2 mosaic 




PICTORIAL and descriptive composition 
(meaning can attach itself to a composition 
in various ways—from “pharmaceuticals” 
to “international supply chain”) 


certain sections of the brand mosaics lend 
themselves to cropping through the middle of 
dominant elements 



minimal and ABSTRACT composition 

(can support a range of notions such as “content 

management” or “information integration”) 



minimal and abstract approach for mosaics is preferred. 
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Chapter 1B: Visual Identity > The Mosaic > Brand Mosaics Treatments 


For flexibility, each of the brand mosaics has been modified to 
accommodate different media situations. 

For example, the DB2 Mosaic CD contains full-color, two-color, 
and single-color versions of the mosaics. 



full-color mosaic 




monotone mosaic (PMS 362) 



greyscale mosaic 
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Chapter 1B: Visual Identity > Brand Visuals 


The strength of IBM software in the marketplace is realized through the 
reputation of the individual brands. It is further enhanced by the syner¬ 
gistic quality of the product offerings and branding coherence. 

The unique personality and qualities of each brand is expressed through 
specific and distinct graphical devices that are accessible in software 
brand design kits. 
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Chapter 1B: Visual Identity > Brand Visuals > DB2 Design Kit 


Key words: 

universal 

integrated 

insightful 

resilient 

on-demand 


There is a CD for each brand that contains: 

• color palette 

• icons and patterns 

• one brand mosaic in multiple formats 


DB2. 


Information Management Software 





main icon 3-D icon 




other icons 



dot pattern 
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Chapter 1B: Visual Identity > Brand Visuals > Lotus Design Kit 


Key words: 

collaboration 

communication 

learning 

knowledge 

innovation 


There is a CD for each brand that contains: 

• color palette 

• icons and patterns 

• one brand mosaic in multiple formats 


Lotus, software 





main icon 3-D icon 



csss 





dot pattern 
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Chapter 1B: Visual Identity > Brand Visuals > Rational Design Kit 


Key words: 

life cycle 
planning 
teaming 
building 


There is a CD for each brand that contains: 

• color palette 

• icons and patterns 

• one brand mosaic in multiple formats 


Rational. 


software 




dot pattern 


3-D icon 


17 I IBM Software Brand Identity Guide I Visual Identity I 28 MAY 2003 


* 2 




















Chapter 1B: Visual Identity > Brand Visuals > Tivoli Design Kit 


Key words: 

centralization 

security 

control 

continuity 

infrastructure 


There is a CD for each brand that contains: 

• color palette 

• icons and patterns 

• one brand mosaic in multiple formats 


Tivoli. 


software 








M\U : \ 



X. U 

X \ V 

• 

LS fw W m\\\l 



dot pattern 



3-D icon 
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Chapter 1B: Visual Identity > Brand Visuals > WebSphere Design Kit 


Key words: 

ease of use 

flexible 

innovative 

value 

speed 

infrastructure 


There is a CD for each brand that contains: 

• color palette 

• icons and patterns 

• one brand mosaic in multiple formats 


WebSphere® 


software 




dot pattern 
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Chapter 1B: Visual Identity > Brand Visuals > Cross Brand Mosaic 


In certain situations, you may need to present all or multiple soft¬ 
ware brands in a single form of communication. Opportunities 
to market the benefits of more than one software brand solution, 
product, or service are supported using the cross brand mosaic. 

The use of brand colors as a primary communication device is 
subdued with a mostly greyscale mosaic that is anchored by a 
bright color strip referencing the relevant brands. To highlight one 
or more brands, switch coloration from strip up to dominant ele¬ 
ment. (see basic cross brand composition example) 



cross brand mosaic 


The cross-brand system allows for the use of any elements from 
any of the IBM software brands. Note some elements are shared 
by more than one brand (buildings, freeways, people, water, globe 
icon, eye icon, etc.). 

Key words: 

open 

federated 

modular 



modified cross brand composition 
(DB2 and Lotus are highlighted brands) 


adaptable 



basic composition 


-main elements are B/W 
-strip is full color 



modified composition 


-a strip unit has been switched into a 
main element 



••••• 

••••• 

#•••• 

••••• 

••••• 


open 


★ © 


federated 


on demand 


universal 


scalable 


n 


cross brand-specific graphics 
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Chapter i B: visual identity > Customization 


The mosaics are a source for brand-specific visual compositions. They 
are tools of communication that can be modified in order to better adapt 
to the evolution of the brands. 

Mosaics can be modified in various ways, however, it is recommended 
to first consider cropping from existing brand mosaics. 
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Chapter 1B: Visual Identity > Customization > Pictorial Elements 


The content of mosaics may need to be changed or modified for 
the following reasons: 

- To modify the meaning of the composition by introducing imag¬ 
ery that better supports a specific message 

- To refresh the mosaic as the brand evolves 


->Be aware that changing one element can affect 
the visual relationship to nearby elements, so 
these may need to be revised as well. 



original crop 

emphasis on “team strategy” 



customized crop 

also emphasis on “team strategy,” at least one surrounding 
element (the neck) needs to be corrected 



customized crop 
emphasis on “data traffic” 



customized and corrected crop 

three elements have been corrected to match the new image 
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Chapter 1B: Visual Identity > Customization > Abstract Elements 


One preferred technique of customization is to edit compositions 
by removing pictorial elements and replacing them with color fields, 
gradients, patterns, textures or abstract photos. This technique 
allows semantic emphasis by removing unnecessary images and 
it also allows to easily refresh mosaic compositions. 

-*■ Consider how a new element can effect its neighbors. 
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original crop: emphasis on “strategy” 



customized crop: maintains emphasis on “strategy” 



customized crop: no specific emphasis 




























Chapter 1B: Visual Identity > Customization > Coloration 


Another practice of customization involves modifying composi¬ 
tions through coloration. This can be applied in order to modify 
the emphasis of elements within the composition. 

In certain cases, it may be necessary to apply a color treatment to 
an entire composition to either darken or lighten it. 



original crop 



the brand color has been reduced by removing coloration 
from five elements 



when applying a solid background use the brand color 



one-color and two-color examples from brand CDs 


Refer to the mosaic treatments supplied in the brand CDs 
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Chapter 1B: Visual Identity > Implementation 


Each brand is brought to life through the rigorous implementation of the 
visual identity standards. 

Because the mosaic appears in a broad variety of contexts, it needs 
to function in ways that are not always perfectly matching the visual 
identity's specific rules. Therefore it is essential for designers to main¬ 
tain all aspects of IBM software branding practices wherever possible. 
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Chapter 1B: Visual Identity > Implementation > Overview of One Brand 



Optional headline if needed. 

Optional subheading under headline on one or two lines 
as required. 


brochure cover 





website 



presentation templates banner 
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Chapter 1B: Visual Identity > Implementation > Overview of Many Brands 


full-color application of mosaic composition 


Subject Identifier 
(optional second line) 

software 





brochure cover 


Optional headline if needed. 

Optional subheading under headline on one or two lines as required. 


brochure cover 


Windows NT® and Windows™ 2000 


Product Name 
Can Be Two Lines 



Version 2, Release 2.1 



splash screen 


Bn software 



banner 


two-color application 




Optional headline if needed. 

Optional subheading under headline on one or two lines as required. 


brochure cover 


one-color application 




Optional headline if needed. 


brochure cover 
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Chapter 1B: Visual Identity > Implementation > Overview Cross Brand 



splash screen 



exhibit 
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Chapter 1B: Visual Identity > Implementation > Product Delivery 


The IBM product delivery brochures use customized versions of 
the brand mosaics because they must relate to the IBM Packaging 
System generic box (used for all products). 

In this instance the mosaics have been made less product-specific 
and more abstract by introducing a series of solid squares into the 
compositions. 


Product Name 
Can Be Two Lines 

Version 7.2 

for Windows 98, Windows ME, Windows NT, and Windows 2000 



Competitive Reference Guide 


documentation cover 





for non-brand specific products, the 
default coloration is black and white 


Product Name 
Can Be Two Lines 

Version 7.2 

for Windows 98, Windows ME, Windows NT 
and Windows 2000 



Optional Headline if needed 


CD insert 




There are instances where the river may be 
applied without the mosaic. 
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Chapter 1B: Visual Identity > Implementation > Exhibit Backdrops 


Exhibit design offers opportunity to apply imagery on a large 
scale. It is one of the few times brand identity becomes part 
of the environment. Examples shown here illustrate the way in 
which color and composition can express the brand as well as 
support interaction. 
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Chapter 1B: Visual Identity > Implementation > WebSites 


IBM software uses the mosaic strip as a main 
branding device on web pages. Brand images and 
symbols are also used throughout the pages. 


When selecting images for the screen, 
please make sure they will be legible at 
the final size. 



All sodwam products 


Trials and bolas 

Library 

Nows 

Mow to buy 

Softwant support 

Success stories 

Training and cirtbflcalion 


DB2 Information Management 

K ^ :13 HHEHH 

^ Announcing 

DB2 Content Manager 
. 1 and DD2 Records Manager 

(* Delivering information on demand 




bifotrn.dioiilntoiii.dion 

DB2 ntoimaaon. iniflarasat vm * 

ifvt.T; 3 tivr iiiisarasatiaf, 

Content LCIP) 

002 enterprise Content 


Data Warehouse & Analytics 

Data Wai.jhuus.j Manaa.ji. IhIijIIibuiH 
Miner Sconnn C CLAP aoiver . 


StlVKtJ 

iTtramina 

Curlificu&gn 

SMsPImMiiiMiit 


IRM and our paibnris iidngialir 
hardware, software, and setvtces to 
deliver soluoons 


Special offers 
download trial 
cede 


•* SmeiiiVeoum business 
W Oeveiopers 
e IBM Business Partners 


Announcements 

+ Awards 


DB2web page 



Lotus and WebSphere web pages 



a crop of small squares from the mosaic is used to convey 
the river concept on the software brand main page 



& ft 71 U 

mmmm 

elements of the mosaic can be used to highlight 
or promote specific features or stories 


31 I IBM Software Brand Identity Guide I Visual Identity I 28 MAY 2003 




















































Chapter 1B: Visual Identity > Implementation > Presentations 


Presentations visual identity is 
templated and uses five squares, 
one in each brand color, as an 
anchor for the mosaic strips. 


| IBM Software Group 

? =-= = 

IBM Software Group: 
PresentationTemplate 



(©business on demand software 


IBM Software Group 


DB2 Information Management Software: 
PresentationTemplate 


UQJ Information Management Software 




| IBM SPlteare Grgrp || RaBanal sottosre 


Larc^n ipsun >!sfcm ipsun 


Lorem ipsum 


Wm 


IBM 


tpnpm ■ ut wisi oni m ad minim vpruam, qgi& nq§tr ud (weirpi tsuoo 
ullamcorper' suspipit lo&prtis ni&i ut Hiiquip ex $$ qpmmpdp 



Urqm ipsum dqlqr sit ampl, pan$.eqielLJ#r adipiSPirig slit, $ed drem 
nonurnrny niptn euismpd (inpidunUiril dalqniL pugut du<s dplqrq ta 
feugHi L nulla fscrisi 


lit. sed diim 
ns cfolore te 


IBM 


' ■ ■ Ut wisi enim ad minim veniam. puis noslrurl aserci laucri 

^f 3 ullsmeorper suseipit lobnrtis nisi ut aliquip a* ea eommcrdo 

I'uLyvT nub 

rari^ - Loram ipsum dolor sit amat, caiuactaluar adipiscirig alit, sad dram 
nonunriffly nbh ouismod tmeidunt 


lit, sed diam 
ns dolor e 


alit, sed dam 
Lis dofore te 


alit, sed dBm 
Lis d store te 


\n a i jtL, 





Presentation templates are available with black or white background. 
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Chapter 1B: Visual Identity > Implementation > User Interface 


User interface can have many restrictions that 
prohibit using the river as a principle of composi¬ 
tion. When the river is not possible, keep in mind 
the following: 

- Color is the main brand identifier. It is not 
always necessary to include the mosaic. A color 
field may be a more elegant solution when space 
is limited. 

- Keep it simple. When using the mosaic in 
small areas avoid overly busy images. Use color 
fields and patterns for a more abstract, cleaner 
look. You can also simplify the color palette by 
shifting some of the full color images to the 
brand color, or use grey with the brand color as 
your primary color scheme. 

- Make sure images are legible. 



install wizard 



Windows NT* and Windows™ 2000 


Data Protection for IBM Enterprise 
Storage Server for Oracle Databases 

Version 2, Release 2.1 


splash screen 



about product dialog 




web login 
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Chapter 1B: Visual Identity > What Not To Do > Applying Mosaics 



Do not use black and white imagery 
when full-color reproduction is avail¬ 
able. Color is a strong component 
of the identity system and should be 
reinforced whenever possible. 



Do not use the mosaic vertically when 
the format allows use of the river. 




Optional Headline if needed. 


Do not place the mosaic composi¬ 
tion with blank spaces to the left or 
right. The mosaic should run across 
the center of the page to convey 
the river concept, and bleed when¬ 
ever possible. 




Do not hang elements off of the mosaic. 





ation 

lent 


Support & downloads | My account 


DB2 Information Management 

, li] \C3 ■ IPMIIP / 



DB2 UDB. DB2 forz/OS. Informix . 
MS, U2& Database Tools 


Information Integration 

DB2 Information Integrator V8.1 & 


Announcing 

DB2 Content Manager 

and DB2 Records Manager 

Delivering information on demand 


Industry solutions 


IBM and our partners integrate 
hardware, software, and services to 
deliver solutions 


Do not place different crops or compositions 
of the mosaic next to each other. 
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Chapter 1B: Visual Identity > What Not To Do > Customizing Mosaics 




Never add text or words to the 
mosaic, and do not use the squares 
of the mosaic as boxes in which to 

PIM ® 



Do not put a rule, border, or drop 
shadow around the mosaic or any 
element within the mosaic. 




Do not distort the proportions of 

l \ it i 

the mosaic. The smallest segment 

1 11 

in the mosaic should always be 

'h 1 

square in proportion. 




<s> 
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Images need to line up on the 
mosaic grid. Pay attention to these 
alignments when customizing 
mosaics. 




Do not colorize mosaic composition 
so that any one image is highlighted. 
The mosaic is meant to be viewed 
as a continuous flow of images. 




Never put images into every 
square. Try to keep it simple 
and create visual rhythm within 
the composition. 
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